﻿@charset "utf-8";
/* CSS Document */
html, body { height: 100%; }
* { margin: 0; padding: 0; font-family: '微软雅黑'; -webkit-text-size-adjust: none; -webkit-appearance: none }
.hidden { display: none }
.layui-layer-hui .layui-layer-content { padding: 24px 32px !important }
.layui-layer-dialog .layui-layer-content { font-size: 36px !important; line-height: 40px !important; }
.content { position: absolute; top: 0; z-index: 2; width: 100%; }
.wrap { width: 640px; margin: 0 auto; position: relative; background-size: cover; background-color: #0F69BF }
.img100 { width: 100% }
.red { color: #cf3c56 }
.green { color: #1dbf60 }
a { text-decoration: none }
.center { text-align: center; }
.white { color: white; }
em{font-style: normal;}
body { }
.head { position: relative; }
.head img { width: 100%; display: block; }
.head h3 { padding: 0.5rem 10%; position: absolute; top: 0; width: 80%; left: 0; }
.head .zzzp { position: absolute; width: 50%; top: 25%; left: 25%; }
.head .zzzpc { position: relative; }
.head .zzzpc .zp_1 { -webkit-animation: xuzh 20s linear infinite; animation: xuzh 20s linear infinite; width: 100%; display: block; }
.head .zzzpc .zp_2 { position: absolute; width: 80%; top: 10%; left: 10%; }
.head .zzzpc .zp_3 { position: absolute; width: 50%; top: 25%; left: 25%; display: block; -webkit-animation: xuzh 3s linear infinite; animation: xuzh 3s linear infinite; }
.qltype {position: absolute;bottom: 2%;width: 80%;left: 10%;}
.qltype p { font-size: 18px; color: #cbe5fd; text-align: center; line-height: 80px; }
.qltype input { padding: 0 5%; line-height: 58px; width: 60%; box-sizing: border-box; border: 1px solid #999; border-radius: 0.5rem; font-size: 19px; color: #333; height: 58px; float: left; }
.qltype a { display: block; float: right; width: 39%; background: #FF3030; line-height: 54px; color: #fff; box-sizing: border-box; height: 58px; text-align: center; font-size: 23px; border-radius: 5px; border: 2px #fff solid; -webkit-tap-highlight-color: transparent; margin: 0; font-weight: 600; }
.data { background: url('headcolor.png') no-repeat; width: 616px; height: 298px; padding: 8px 0 4px 0; color: #333; text-align: center; margin: 0 auto; }
.gupiao { height: 132px; }
li { list-style: none; float: left; font-size: 26px; }
.t1, .t2, .t3 { float: left; text-align: center; }
.t1 { width: 290px; line-height: 66px; }
.t2 { width: 325px; }
.xianjia { font-size: 48px; line-height: 60px; }
.zhangdie, .zhangfu { font-size: 26px; margin-left: 11px; margin-right: 11px; }
.dongtai { width: 90%; margin-left: 7%; padding-top: 4px; }
.tablecontent { margin-left: 16px; }
.data td { height: 31px; width: 162px; text-align: left; font-size: 24px; font-weight: normal; color: #333; }
.data th { height: 24px; width: 160px; text-align: left; font-size: 24px; font-weight: normal; color: #333; }
.zhishu { font-weight: bold; color: rgb(255, 0, 0); }
.zhishu img { height: 44px; width: 30px; }
.time, .date { font-size: 24px; text-align: center; line-height: 37px; }
.gName { font-size: 52px; font-weight: bold; }
.gCode { font-size: 40px; }
h2 {color: #fff;font-size: 24px;line-height: 40px;text-align: center;font-weight: normal;}
.btnBg { width: 70%; background: #FF3030; line-height: 54px; color: #fff; box-sizing: border-box; height: 58px; text-align: center; font-size: 26px; border-radius: 5px; border: 2px #fff solid; -webkit-tap-highlight-color: transparent; margin: 20px auto; font-weight: 600; }
.btnBg span, .btnBgb span { color: #efec0a; }
.table1bg {background: url('base.png') no-repeat;width: 590px;height: 287px;margin: 40px auto 0;color: #422a01;padding-top: 118px;}
.tableOverflow { overflow: hidden; height: 287px; }
.table1bg td { height: 94px; }
.table1bg .td1 { width: 140px; text-align: center; }
.table1bg .td1 span { font-size: 26px; }
.table1bg .td2 { padding-left: 32px; text-align: left; }
.sharesList { text-align: center; width: 100%; font-size: 24px; transition: all .7s; }
.qlmmc3 { padding:0 3%;background:#fff; }
.qlmmc31>h3 {font-size: 30px;text-align: center;line-height: 70px;}
.qlmmc31>h3 strong { color: red; }
.qlmmc31 ul { display: flex; display: -webkit-flex; }
.qlmmc31 li { background: #eeeeee; border: 1px solid #00a0e9; }
.qlmmc31 li:nth-of-type(2) { margin: 0 2%; }
.qlmmc31 li h4 { font-size: 30px; line-height:70px; text-align: center; }
.qlmmc31 li h4 strong { color: red; }
.qlmmc31 li h4 em { color: green; }
.qlmmc31 li img { margin: 0 2%; width: 96%; }
.qlmmc31 li p { background: #00a0e9; font-size:15px; text-align: center; line-height:40px; color: #fff; }

.qlmmc32 {padding-bottom: 20px;}
.qlmmc32 h5 {font-size: 24px;color: red;line-height: 50px;text-align: center;font-weight: normal;}
.qlmmc32 .btnBg{margin:10px auto 0;}
/*************/
footer{padding:10px 2%;}
footer p{ font-size:16px; text-align:center; line-height:30px; color: #fff;}
 @-webkit-keyframes xuzh {
 from {
-webkit-transform: rotate(0);
}
 to {
-webkit-transform: rotate(360deg);
}
}
@keyframes xuzh {
 from {
transform: rotate(0);
}
 to {
transform: rotate(360deg);
}
}
 @keyframes xz {
 0%, 100% {
transform: rotate(0deg);
}
 20% {
transform: rotate(90deg);
}
 40% {
transform: rotate(180deg);
}
 60% {
transform: rotate(360deg);
}
 80% {
transform: rotate(270deg);
}
}
@-webkit-keyframes xz {
 0%, 100% {
-webkit-transform: rotate(0deg);
}
 20% {
-webkit-transform: rotate(90deg);
}
 40% {
-webkit-transform: rotate(180deg);
}
 60% {
-webkit-transform: rotate(360deg);
}
 80% {
-webkit-transform: rotate(270deg);
}
}

/*相同的弹框css*/
.tan_div { width: 100%; display: none; position: fixed; left: 0; top: 0; z-index: 999; color: #333; }
.box_bg80 { background: rgba(0, 0, 0, 0.8); filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#8F000000, endcolorstr=#8F000000);
}
.tan_content {top: 248px; position: absolute; left: 50%; width: 578px; height: 250px; background: url("dialogbg.png") no-repeat #fff; margin-left: -289px;}
.tan_title { text-align: center; font-size: 27px; color: #ef5456; padding: 75px 90px 20px 65px; width: 425px; height: 60px; }
.tan_close { position: absolute; right: 10px; top: 10px; z-index: 1; }
.barbox div.barline div.charts { background: #ffd14f; border-radius: 100px; overflow: hidden; height: 22px; }
.barbox div.barline { width: 353px; height: 22px; background-size: 100% 100% }
.barbox { position: absolute; top: 155px; left: 50%; margin-left: -165px; width: 330px; height: 20px; }
.barline { width: 330px; background: url(ban.png) no-repeat; height: 20px; margin: auto; }
.charts { height: 20px; border-radius: 8px; }
.dialog_roll {width: 600px;margin: 0 auto;}
.dialog_zi { font-size: 24px; color: #666; margin-top: 20px; }
.dialogBgc { font-size: 32px; color: #000; padding: 0 8px; text-align: left; margin: 40px auto 0;}
.dialogBgc img{width: 100%;display: block;}
.dialog {position: absolute;top: 144px;width: 620px;height: 550px;left: 50%;margin-left: -310px;background: url("dlbg.png") no-repeat;display: none;z-index: 1002;background-size: contain;}
.dialogBg { font-size: 36px; margin-top: 45px; color: #666 }
.dialogBg span { color: #f90303; font-size: 44px }
.phonec {width: 524px;height: 80px;background: url("dialoginput.png") no-repeat;background-size: contain;display: block;margin: 40px auto 30px;outline: 0;border: 0;font-size: 40px;text-align: center;color: #a9a8a8;}
.dialogBtn {cursor: pointer;width: 524px;height: 87px;line-height: 83px;font-size: 48px;color: #fff600;background: url("dianbtn.png") no-repeat;margin: 0 auto;background-size: contain;}
.circle { position: absolute; top: -60px; right: 10px; cursor: pointer; }
.clearfix:before, .clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }
